<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课堂打卡</title>
    <style>
    .hide {
         display: none;
    }
html {
        height: 100%
    }
body {
        width: 100%;
        height: 100%;
        padding-top: 50vh;
        margin-top: -76px;
        text-align: center;
        position:fixed;
        background: url(/static/test.jpg);
        background-repeat: no-repeat;
        background-size: cover;

    }

input[type=submit]{
        width : 300px;
        border: none;
        border-radius: 50px;
        padding: 10px 20px;
        font-size: 4.0rem;
        background: #f2eada;
        /* color: #f2c0ff; */
        box-shadow: 10px 10px 10px dimgray;

    }
    </style>
</head>
<body>
    <form action = "/login" method = "POST">
        <input type="submit" value="签到" ><br/>
        姓名:<input type="text" name="username" style= "height:35px">
    </form>
    <h3>每人只能签到一次</h3>
<!--    <div>您的IP地址为:<strong>{{user_ip}}</strong></div>-->
<!--    <div>您的物理地址为:<strong>{{mac}}</strong></div>-->
    {{msg}}
</body>
</html>